<%-- 
    Document   : index
    Created on : 17/08/2013, 09:43:04
    Author     : dgdt
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Clinica Web</title>
        <link rel="stylesheet" href="jquery-ui/themes/base/jquery.ui.all.css">
        <link rel="stylesheet" href="jquery-ui/themes/smoothness/jquery-ui-1.10.3.custom.css">
        <script src="jquery-ui/jquery-1.9.1.js"></script>
        <script src="jquery-ui/ui/jquery-ui.js"></script>	
        <script src="jquery-ui/ui/jquery.ui.core.js"></script>
        <script src="jquery-ui/ui/jquery.ui.widget.js"></script>
        <script src="jquery-ui/ui/jquery.ui.mouse.js"></script>
        <script src="jquery-ui/ui/jquery.ui.position.js"></script>
        <script src="jquery-ui/ui/jquery.ui.draggable.js"></script>	
        <script src="jquery-ui/ui/jquery.ui.sortable.js"></script>
        <script src="jquery-ui/ui/jquery.ui.dialog.js"></script>
        <script src="jquery-ui/ui/jquery.ui.button.js"></script>

        <script src="jquery-ui/jquery.livequery.min.js"></script>
        <style>
            body { font-size: 62.5%; }
            label, input { display:block; }
            input.text { margin-bottom:12px; width:95%; padding: .4em; }
            fieldset { padding:0; border:0; margin-top:25px; }
            h1 { font-size: 1.2em; margin: .6em 0; }
            div#values-contain { width: 350px; margin: 20px 0; }
            div#values-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
            div#values-contain table td, div#values-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
            .ui-dialog .ui-state-error { padding: .3em; }
            .validateTips { border: 1px solid transparent; padding: 0.3em; }
        </style>
        <script type="text/javascript">
            $(document).ready(function() {

                $("input[type=button]").button().click(function(event) {
                    event.preventDefault();
                });

                $("#janela-criar").dialog({
                    autoOpen: false,
                    height: 350,
                    width: 350,
                    modal: true,
                    buttons: {
                        Cancel: function() {
                            $(this).dialog("close");
                        }
                    }
                });

                $("#criar").button().click(function() {
                	$.get('paciente.jsp', function(data) {
                		$('janela-criar').html(data);
                	});
                    $("#janela-criar").dialog("open");
                });

            });
        </script>
    </head>
    <body style="cursor: auto;">
        <input type="button" id="criar" value="Criar">
        <div id="janela-criar" title="Carregar valores"></div>
    </body>
</html>
